mui.init({
	pullRefresh: {
		container: '#pullrefresh',
		down: {
			callback: pulldownRefresh
		},
		up: {
			contentrefresh: '正在加载...',
			callback: pullupRefresh
		}
	}
});
/**
 * 下拉刷新具体业务实现--暂不搞
 */
function pulldownRefresh() {
	setTimeout(function() {
		//业务代码
//		counts = 1;
//		getVisitList(pageNo,pageSize);
		mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed
	}, 0);
}
/**
 * 上拉加载具体业务实现
 */
function pullupRefresh() {
	setTimeout(function() {
		++pageNo;   //上拉加载的时候 count自动+1
		mui('#pullrefresh').pullRefresh().endPullupToRefresh(counts < pageSize); //判断为false的时候表示没有更多数据
		//业务代码
		getVisitList(pageNo,pageSize);
		if(counts > pageSize){
			pageNo = 1;
			mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
		}
	}, 0);
}

//-----------------------请求接口加载预约列表数据 -----------------Begin
var pageNo = 1;  //记录页码
var pageSize = 5;  //每页数量
var counts = pageSize;
getVisitList(pageNo,pageSize);  //初始化

/**
 * 上拉加载请求更多数据 
 * @param {Object} pageNo  页码
 * @param {Object} pageSize  每页数量
 */
function getVisitList(pageNo,pageSize){
	console.log(pageNo)
	if(pageNo==1){
		$("#visitList").html("");  //第一次请求时移出原来的内容
	}
	//请求预约列表传递的参数
	var params = {
		"openId": "12333",
		"pageNo": pageNo,
		"pageSize": pageSize,
		"service_id": "my_booking.getBookingList"
	}
	//请求接口获取数据
	postRequest(params,setHTML);
	
}

/**
 * 请求接口的回调函数  ----- 遍历返回的数据 拼接html代码   
 * @param {Object} result  
 */
function setHTML(result){
	console.log(result);
	if(result.stateCode==0){
		var params = result.data;
		counts = params.length;
		for(var i=0;i<params.length;i++){
			var param = params[i];
			var bookId = param.bookId;   //预约ID
			var visitOrg = param.visitOrg;   //参观单位
			var topLeader = param.topLeader;   //最高级别
			var linkman = param.linkman;   //联系人
			var phone = param.phone;   //联系电话
			var peopleNum = param.peopleNum;   //参展人数
			var visitDatetime = param.visitDatetime;  //参展日期
			var state = param.state;  //审核状态  0-审核中 1-审核通过 2-已取消 3-已反馈
			var stateName = param.stateName;  //审核状态 名称
			var strHtml = '<li class="audit-state state'+ state +'">'+
								stateName+
							'</li>'+
							'<li>'+
								'<label>参展单位 ：</label>'+
								'<p> '+ visitOrg +' </p>'+
							'</li>'+
							'<li>'+
								'<label>最高级别 ：</label>'+
								'<p> '+ topLeader +' </p>'+
							'</li>'+
							'<li>'+
								'<label>联系人 ：</label>'+
								'<p> '+ linkman +' </p>'+
							'</li>'+
							'<li>'+
								'<label>联系电话 ：</label>'+
								'<p> '+ phone +' </p>'+
							'</li>'+
							'<li>'+
								'<label>参展人数 ：</label>'+
								'<p> '+ peopleNum +' </p>'+
							'</li>'+
							'<li>'+
								'<label>参展日期 ：</label>'+
								'<p> '+ visitDatetime +' </p>'+
							'</li>';
							
			if(state==0){
				strHtml += '<li class="operate">'+
								'<input type="hidden" class="id" value="'+ bookId +'" />'+
								'<span class="edit-btn">修改</span>'+
								'<span class="cancel-btn">取消</span>'+
							'</li>';
			}else{
				strHtml += '<li class="operate">'+
								'<input type="hidden" class="id" value="'+ bookId +'" />'+
								'<span class="view-btn">查看详情</span>'+
							'</li>';
			}
			var $visitList = $("#visitList");
			var ul=document.createElement("ul");
			$(ul).addClass("rs-list");
			$(ul).html(strHtml);
			$visitList.append(ul);  //追加到父容器中
		}
	}

	setBtnEvent();  //渲染数据后给操作按钮注册点击事件
}

//--------请求接口加载预约列表数据 -------End

//---------------------------操作按钮 - 修改/取消 点击事件 ----------------Begin
/**
 * 给操作按钮注册点击事件 -- 需要在加载完数预约列表后再调用该方法
 */
function setBtnEvent(){
	//修改事件按钮 Begin
	mui(".operate").on('tap','.edit-btn',function(){
		var bookId = $(this).parent().children(".id").val();  //获取id
 		console.log(bookId);
		//跳转页面 - 传id
		window.location.href = "/mars-wxclient/visit-edit.html?bookId=" + bookId;
	})
	//修改事件按钮 End
	//查看详情按钮 Begin
	mui(".operate").on('tap','.view-btn',function(){
		var bookId = $(this).parent().children(".id").val();  //获取id
 		console.log(bookId);
		//跳转页面 - 传id
		window.location.href = "/mars-wxclient/visit-detail.html?bookId=" + bookId;
	})
	//查看详情按钮 End
	//取消按钮事件 Begin
	mui(".operate").off("tap",".cancel-btn");  //重新添加点击事件前先移除前面添加的事件
	mui(".operate").on('tap','.cancel-btn',function(){
		var bookId = $(this).parent().children(".id").val();  //获取id
		console.log(this);
		var btnArray = ['否', '是'];
		mui.confirm('确定取消本次预约？', '取消预约', btnArray, function(e) {
			if (e.index == 1) {
				//请求预约列表传递的参数
				var params = {
					"bookId": bookId,
					"service_id": "my_booking.cancelBooking"
				}
				//请求接口获取数据
				postRequest(params,cancelVisit);
			} else {
				console.log(111)
			}
		})
	})
	//取消按钮事件 End
}
/**
 * 请求取消预约接口成功后的回调函数
 * @param {Object} result
 */
function cancelVisit(result){
	//返回顶部
	$("#visitList").html("");  //第一次请求时移出原来的内容
	pageNo=1;
	getVisitList(pageNo,pageSize);
	window.location.href = "/mars-wxclient/visit-list.html";  //取消成功后重新刷新页面
}

//----------操作按钮 - 修改/取消 ------End
